<template>
	<view class="paper-title">
		<view class="paper-text"><text>{{titleName}}</text></view>
		<view class="paper-num">{{num}}</view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
			
			}
		},
		props:{
			titleName:{
				type: String,
				default : ''
			},
			num :{
				type: Number,
				default : 0
			}
		}
	}
</script>

<style lang="less">
	.paper-title {
		height: 88upx;
			display: flex;
			align-items: center;
		box-sizing: border-box;
		padding-left: 42upx;
		border-bottom: 0.5upx solid #EBEBEB;
			position: relative;
		.paper-text {
				width: 64upx;
				height: 50upx;
			font-size:30upx;
			font-family:PingFangSC-Semibold,PingFang SC;
			font-weight:600;
			color:rgba(68,68,68,1);
			position: relative;
			display: inline-block;
				line-height: 50upx;
				text{
					position: absolute;
				}
			&::before{
				content: '';
				display: block;
				width:66upx;
				height:16upx;
				background:linear-gradient(90deg,rgba(0,138,255,1) 0%,rgba(255,255,255,1) 100%);
				border-radius:10upx;
				opacity:0.48;
				position: absolute;
				bottom: 4upx;
				left: 0;
			}
		}
		.paper-num {
			font-size:24upx;
			font-family:PingFangSC-Regular,PingFang SC;
			font-weight:400;
			color:#a3a3a3;
			position: absolute;
			top: 16upx;
			left: 110upx;
		}
	}
</style>
